<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<div id="top">
	<div id="header-logo">
		<a href="#"><img src="${pageContext.request.contextPath}/images/toga-logo.png" alt="토가의 달인"></a>
	</div>

	<div class="search">
		<form action="http://www.eyeq.co.kr/" method="get" class="form-search">
			<input name="is_keyword" type="text" class="input-medium search-query">
			<input type="submit" value="검색" class="btn"/>
		</form>
	</div>

	<%-- <div id="top-menubar" class="Wrapper ">
		<c:forEach var="category" items="${allCategories}">
			<ul class="first_ul">
				<li class="first_li">
					<a href="${pageContext.request.contextPath}${category.categoryUrl}?categoryCode=${category.categoryCode}" class="first_a sub first_sub"><span>${category.categoryName}</span></a>
					<ul class="second_ul" style="display: none;">
						<li class="second_li"><a href="/notice" class="second_a"><span>공지</span></a>
						</li>
					</ul>
				</li>
			</ul>
		</c:forEach>
	</div> --%>


	<div class="navbar navbar-inverse">
		<div class="navbar-inner">
			<div class="container">

				<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> 
					<span class="icon-bar">33</span> <span class="icon-bar"></span>
				</a>
				<c:forEach var="category" items="${allCategories}">
				<!-- Be sure to leave the brand out there if you want it shown -->
					<a href="${pageContext.request.contextPath}${category.categoryUrl}?categoryCode=${category.categoryCode}" class="brand">${category.categoryName}</a>
				</c:forEach>
				<!-- Everything you want hidden at 940px or less, place within here -->
				<div class="nav-collapse collapse">
					<!-- .nav, .navbar-search, .navbar-form, etc -->
				</div>

			</div>
		</div>
	</div>
</div>